<template>
  <div class="tag-div">
    <el-breadcrumb separator="//" class="breadcrumb">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$router.currentRoute.value.name != 'home'">
        {{ this.$router.currentRoute.value.name }}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<style>
@import url("../assets/css/reset.css");

.tag-div {
  display: flex;
  position: relative;
  /* left: 300px; */
  height: 100%;
  width: 100%;
  /* padding-right: 120px; */
  /* box-shadow: 0 5px 10px #ddd; */
  background-color: goldenrod;
}

.breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  margin-left: 30px; /* 可以移除此行，如果文字本身不需要左对齐 */
}
</style>

<script>
export default {
  name: "Tag",
  data() {
    return {
      tagList: [],
    };
  },
  computed: {
    user() {
      return this.$store.getters.getUser;
    },
    menu() {
      return this.$store.getters.getMenu;
    },
  },
};
</script>